import 'package:flutter/material.dart';

class InfoPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("规则说明"),
        centerTitle: true,
        backgroundColor: Color(0xFF2F73E8),
        elevation: 0,
      ),
      body: SafeArea(
        child: Center(
          child: Column(
            children: [
              SingleChildScrollView(
                  child: Column(
                children: [
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Icon(
                      Icons.info,
                      color: Color(0xFF2F73E8),
                      size: 36,
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Text(
                      '欢迎使用少儿逻辑记忆训练APP!',
                      style: TextStyle(
                        fontSize: 24,
                        color: Color(0xFF2F73E8),
                      ),
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.all(15),
                    child: Text(
                      "训练规则十分简单：\n尽快猜出目标号码\n\n如果提示“你猜中 * 个数字”，那么您的数字中的一些数字与最终答案的数字位置相同且正确。\n\n如果提示“存在 * 个位置不准确的数字”，那么您的数字中的一些数字是相同的，但它们与最终结果的数字的位置不同。",
                      style: TextStyle(
                        fontSize: 18,
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 40,
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Row(
                      children: [
                        Icon(
                          Icons.history,
                        ),
                        SizedBox(
                          width: 10,
                        ),
                        Flexible(
                          child: Text(
                            '按钮帮助您记录您的猜测。您可以在这里看到您前几次的猜测记录。',
                            style: Theme.of(context).textTheme.bodyText1,
                          ),
                        ),
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.all(10),
                    child: Row(
                      children: [
                        Icon(
                          Icons.delete,
                        ),
                        SizedBox(
                          width: 10,
                        ),
                        Flexible(
                          child: Text('按钮帮助您清空您所选择的所有数字。',
                              style: Theme.of(context).textTheme.bodyText1),
                        )
                      ],
                    ),
                  ),
                ],
              )),
              Expanded(
                flex: 1,
                child: Container(),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
//If you get '-' :  You guessed a number and some of your digits on your number are same but they are not in same position with yours. with computer's. "
